

	body {
		background-color: #fff;
		margin: 5px;
		font: 13px/20px normal Helvetica, Arial, sans-serif;
		color: #4F5155;
	}

	a {
		color: #003399;
		background-color: transparent;
		font-weight: normal;
	}
	
	
	

	h1, h2 {
		color: #444;
		background-color: transparent;
		border-bottom: 1px solid #D0D0D0;
		font-size: 19px;
		font-weight: normal;
		margin: 0 0 14px 0;
		padding: 14px 15px 10px 15px;
	}
	ul.nav_bar li a{
		color:#359ab2;
	}

	ul.nav_bar li a:hover{
		color:blue;
	}
	
	code {
		font-family: Consolas, Monaco, Courier New, Courier, monospace;
		font-size: 12px;
		background-color: #f9f9f9;
		border: 1px solid #D0D0D0;
		color: #002166;
		display: block;
		margin: 14px 0 14px 0;
		padding: 12px 10px 12px 10px;
	}
	form{
		padding-left: 28px;
		padding-top: 6px
	}
	form p { position:relative }
	.infield { position:absolute; 
			top:0; 
			left:0;
			font: 13px/20px normal Helvetica, Arial, sans-serif;
			color: #4F5155;
			margin: 5px;
			
	}
	label.table_search  { 
		position:relative;
			top:0; 
			left:0;
			font: 13px/20px normal Helvetica, Arial, sans-serif;
			color: #4F5155;
			margin: 5px;
			
	}
	input{
		font: 13px/20px normal Helvetica, Arial, sans-serif;
			color: #4F5155;
			
			
	}
	input.error{
			border-color: red;	
	}
	input.freshwhite{
		font-size:18px;
		background: url('../images/input-box-white387a.png') left center no-repeat;
		height:43px;
		width:451px;
		border:0px;
		padding-top:10px;
		padding-bottom:3px;
		padding-left:18px;
		margin-right:15px;
		outline: none;
		}

		input.freshwhite:hover{
			background: url('../images/input-box-white387b.png') transparent left center no-repeat;
			}

		input.freshwhite:focus{
			background: url('../images/input-box-white387a.png') transparent left center no-repeat;
			}​
	#body{
		margin: 0 15px 0 15px;
	}
	
	#text
	{
		margin: 0 15px 0 15px;
		}
	
	p.footer{
		text-align: right;
		font-size: 11px;
		border-top: 1px solid #D0D0D0;
		line-height: 32px;
		padding: 0 10px 0 10px;
		margin: 20px 0 0 0;
	}
	#errorPanel{
		color: red;
		display:none;
		margin: inherit;
		padding-left: 28px;
		
	}
	
	div.container{
		margin: 10px;
		min-width: 1200px;
		width: 100%;
	}
		.container .col2{
			float:left;
			
			height:auto;
			width: 70%%;
			min-width: 890px;
			border: 0.5px solid #ffffff;
			-webkit-box-shadow: 0 0 8px #D0D0D0;
			box-shadow: 0 0 8px #D0D0D0;

		}
		#applyForm{
			float:left;
			position:relative;
			display: inline;
			height:auto;
			width:235px;
		}
		.container .col2 .instr{
	
		border: 1px solid #D0D0D0;
		float:left;
			position:relative;
			display: inline;
		height: 300px;
		width: 509px;
		
	
	
		}
		
		.container .col2 .db_info-info{
			position : relative;
			left:20px;
			
		}
		
		.container .col2 .instr-note{
padding-left: 10px;		
	
	
		}
		@-moz-document url-prefix() {

   .container .col2 .instr-note { padding-left: 15px; }

    }
		
		.container .col1{
			float:left;
			height:auto;
			min-width: 300px;
						width: auto;

			height: 500px;
			#background-image: url("../images/page-left.png");
			border: 0.5px solid #D0D0D0;
			-webkit-box-shadow: 0 0 8px #D0D0D0;
			box-shadow: 0 0 8px #D0D0D0;
			overflow: hidden;
			
		}
		/*.container .col1 .nav_bar{
		padding-left: 70px;
		padding-top: 15px;
		}*/
	/*	Admin Block - Transfer to a new file in future */
div.login_bar_wrapper{
			height:auto;
			width: 400px;
			position: absolute;
			top: 30%;
			left: 30%;
	
}
.login_bar_wrapper .invalid{
			color: red;
			text-align: center;
}
	.login_bar_wrapper .login_bar{
		background-image:url('../images/logo.png');
			background-repeat:no-repeat;
			background-size:cover;
			position: relative;
			bottom: 0;
			-webkit-box-shadow: 0 0 8px #D0D0D0;
			box-shadow: 0 0 8px #D0D0D0;

	}
	.login_bar .wlcm-msg{
		color: #ffffff;
		font-size: medium;
		font-family: sans-serif;
		text-align: center;
		position: absolute;
		top:0px;
		right: 5%;
}
.admin-container{
		margin: 10px;
	}
		.admin-container .admin-contentbar{
			height:auto;
			border: 0.5px solid #ffffff;
			-webkit-box-shadow: 0 0 8px #D0D0D0;
			box-shadow: 0 0 8px #D0D0D0;

		}
		.admin-container .admin-contentbar h2{
			text-align: center;

		}
		
		.admin-container .admin-contentbar .applicant{
			float: left;
			padding-left: 5px;
			width: 1200px;
		}
		
		.admin-container .admin-contentbar .applicant .info{
			float: left;
			padding-left: 5px;
			width: 550px;
		}
		.admin-container .admin-contentbar .applicant .actions{
			float: left;
			padding-left: 5px;
			width: 550px;
		}
		.admin-container .admin-contentbar .reports{
			float: none;
			width: 1200px;
		}
			#manhostelForm {
				width: 440px;
				clear:both;
			}
		#manhostelForm label{
			float:left; 
    text-align:right; 
    width:150px;
			}
			
				}
				.admin-container .admin-contentbar .centeredBox{ 
				border:1pt solid black; 
				margin:10px auto 10px auto; 
				width:400px; 
				padding:10px;
				
				}
   




		.admin-container .showlist-menu{
			position: relative;
			left: 10px;
			height: auto;
		}
		
		.admin-container .admin-contentbar .info{
			font-size: 42;
			color: teal;
			text-align: center;

		}
		.admin-container .admin-contentbar .info .PhD{
			font-size: 42;
			color: green;
			text-align: center;

		}
		.admin-container .admin-contentbar .info .BTech{
			font-size: 42;
			color: blue;
			text-align: center;

		}
		.admin-container .admin-contentbar .info .MTech{
			font-size: 42;
			color: red;
			text-align: center;

		}
		.admin-container .admin-topbar{
			height:auto;
			width: auto;
			border: 0.5px solid #D0D0D0;
			-webkit-box-shadow: 0 0 8px #D0D0D0;
			box-shadow: 0 0 8px #D0D0D0;

		}
		.admin-container .admin-topbar .top_bar{
			height:auto;
			width: auto;
			font-size: 34;
			}
			/* animated top bar*/
			.animatedtabs{
				border-bottom: 1px solid gray;
				overflow: hidden;
				width: 100%;
				font-size: 14px; /*font of menu text*/
				}


				.animatedtabs ul{
					list-style-type: none;
					margin: 0;
					margin-left: 10px; /*offset of first tab relative to page left edge*/
					padding: 0;
					}

					.animatedtabs li{
						
						margin: 0;
						padding: 0;
						}

						.animatedtabs a{
							float: left;
							position: relative;
							top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should 							equal (3) MINUS (2) below */
							background: url("../images/tab-blue-left.gif") no-repeat left top;
							margin: 0;
							margin-right: 3px; /*Spacing between each tab*/
							padding: 0 0 0 9px;
							text-decoration: none;

							}

							.animatedtabs a span{
								float: left;
								position: relative;
								display: block;
								background: url("../images/tab-blue-right.gif") no-repeat right top;
								padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
								font-weight: bold;
								color: black;
								}

								/* Commented Backslash Hack hides rule from IE5-Mac \*/
								.animatedtabs a span {float:none;	padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */}
								/* End IE5-Mac hack */


								.animatedtabs .selected a{
									background-position: 0 -125px;
									top: 0;
									}

									.animatedtabs .selected a span{
										background-position: 100% -125px;
										color: black;
										padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
										top: 0;
										}

										.animatedtabs a:hover{
											background-position: 0% -125px;
											top: 0;
											}

											.animatedtabs a:hover span{
												background-position: 100% -125px;
											
												top: 0;
												}

			/*------------------*/
	a.menu_item {
		
		margin: 10px 10px 10px 10px;
		color: white;
		
	}
	a.menu_item:hover{
		color: #0cc6e6;
	}
	a.logout_link{
		float: right;
		font-size: 24;
		color: silver;
	}
	a.logout_link:hover{
		color: red;
	}
	a.title{
		font-size: 34;
		position: relative;
		text-align: center;
	}
#navigation{
	text-align: center;
	background-color: silver;
}
		
